<template>
    <view>
        <view class="smart-page-head">
            <view class="smart-page-head-title">audio 音频</view>
        </view>
        <view class="smart-padding-wrap">
            <audio 
                style="text-align: left" 
                :src="current.src" 
                :poster="current.poster" 
                :name="current.name" 
                :author="current.author" 
                :action="audioAction" 
                controls
            ></audio>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            current: {
                poster: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/audio/music.jpg',
                name: '致爱丽丝',
                author: '暂无',
                src: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/audio/music.mp3',
            },
            audioAction: {
                method: 'pause'
            }
        }
    },
    methods: {}
}
</script>

<style>
/* 无自定义样式 */
</style>